<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>电机实时监控(台商)</title>
    <script>
        var requireExtraPaths = {
            extrance: '../../../mainte_js/report/monitMotor_ts'
        };
        var cssFileLoadArr = ['/content/css/monitor.css'];
    </script>
    <script type="text/javascript" src="http://webapi.amap.com/maps?v=1.3&key=7d24e3c0b1de00fcfc07dcb16ac3a087"></script>
    <jsp:include flush="true" page="../../base/base.jsp"></jsp:include>

</head>
<body class="site-body" style="background-color: #fff;padding: 10px;overflow:auto;">
<div id="monitor"></div>

<article class="site-col-extra pb15">
    <section class="content" >
       
		<div>
				<div class="dj-monitor">
					<h3 id="capacitorTitleTS"></h3>
					<div class="dj-monitor-bg">
						<div class="rate-wrap">
							<h4>车速 km/h</h4>
							<p class="p1" id="speed-textTS">0</p>
						</div>
						<div class="rate-wrap rate-wrap2">
							<h4>转速 x100r/min</h4>
							<p class="p1" id="rpm-textTS">0</p>
						</div>
						<div class="pressure-wrap">
							<p class="p1">
								<span id="djdy-textTS">0</span>
							</p>
							<p class="p3">电机母线电压/V</p>
						</div>
						<div class="pressure-wrap pressure-wrap2">
							<p class="p1">
								<span id="djdl-textTS">0</span>
							</p>
							<p class="p3">电机母线电流/A</p>
						</div>
						<p class="degree" id="stateTS">READY</p>
						<p class="degree degree2" id="gearTS">-</p>
				
						<!--车速-->
					<div id="speed-chartTS"
						style="width: 222px; height: 172px;position: absolute;left: -3px;top: -13px;"></div>
				
					<!--转速-->
					<div id="rpm-chartTS"
						style="width: 222px; height: 172px;position: absolute;left: 314px;top: -13px;"></div>
				
					<!--电机电压-->
					<div id="djdy-chartTS"
						style="width: 157px; height: 171px;position: absolute;left: -25px;top: 193px;"></div>
				
					<!--电机电流-->
					<div id="djdl-chartTS"
						style="width: 157px; height: 171px;position: absolute;left: 390px;top: 193px;"></div>
				</div>
				<div class="detail-box">
					<ul class="form-grid form-grid2 clearfix">
						<li><label class="label-text" id="eltMhyStatus">电机工作状态：</label></li>
						<li><label class="label-text" id="electricMachineryRotateSpeed">电机转速：</label></li>
						<!-- 
						<li><label class="label-text" id="gears">档位：</label></li>
						 -->
							<li><label class="label-text" id="speedOfAMotorVehicle">车速：</label></li>
							<li><label class="label-text">离合器状态：<span
									class="c-yellow" id="cluthSt"></span></label></li>
							<li><label class="label-text">驱动电机温度(°C)：<span
									class="c-yellow" id="electricMachineryTemperature"></span></label></li>
							<li><label class="label-text" id="electricMachineryControllerBusBarElectricCurrent">驱动电流(A)：</label></li>
							<li><label class="label-text" id="recoveryCurrent">回收电流(A)：</label></li>
						</ul>
					</div>
				</div>
				
				<div class="map-box"
					style="position: absolute;top: 90px;left: 610px;border: 1px solid rgb(204, 204, 204);"
				id="iCenter"></div>
				</div>
		
		
     </section>
</article>

</body>
</html>